﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.Master" AutoEventWireup="true"
    CodeBehind="payment.aspx.cs" Inherits="Loja.orders.payment" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script src="../scripts/colorbox/jquery.colorbox-min.js" type="text/javascript"></script>
    <script type="text/javascript" src="../scripts/jquery-ui-1.8.16.custom/js/jquery-ui-1.8.16.custom.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../scripts/jquery-ui-1.8.16.custom/css/custom-theme/jquery-ui-1.8.16.custom.css" />
    <script src="../scripts/jquery.maskedinput-1.3.min.js" type="text/javascript"></script>
    <script src="../scripts/uteis.js" type="text/javascript"></script>
    <style>
        #tabela_kart th
        {
            background-color: #8B4513;
        }
        
        #tabela_kart tr
        {
            font-size: 90%;
            vertical-align: middle;
        }
        
        #pedido
        {
            margin-left: 20px;
            float: left;
            position: relative;
            padding-top: 20px;
            width: 885px;
        }
        
        ul.entrega
        {
            padding: 30px 0 10px 85px;
            overflow: hidden;
        }
        ul.entrega li
        {
            padding: 10px;
            float: left;
            width: 22.9%;
            border-left: 1px dotted;
        }
        
        ul.entrega li.retirada
        {
            border: none;
            margin-left: -90px;
        }
        li
        {
            display: list-item;
            text-align: -webkit-match-parent;
        }
        .dlCont
        {
            overflow: hidden;
            padding-left: 10px;
            text-align: left;
        }
        
        .dlCont.span
        {
            float: left;
            margin-top: 15px;
        }
        
        .dlCont img
        {
            display: -moz-inline-box;
            display: inline-block;
            font-size: 0;
            line-height: 0;
            text-indent: -9999em;
            vertical-align: middle;
            color: white;
            background: url(../img/icoMenuFrete.png) no-repeat 1000px 1000px;
            overflow: hidden;
            float: left;
            margin-right: 10px;
            width: 48px;
            height: 48px;
        }
        input
        {
            float: left;
            margin-top: 15px;
        }
        
        .descEnt
        {
            margin: 0 0 15px 0;
            font-size: 12px;
            font-weight: bolder;
            font-family: "Verdana" , "Lucida Sans Unicode" , "Lucida Grande" , Sans-Serif;
        }
        
        span p
        {
            font-family: "Verdana" , "Lucida Sans Unicode" , "Lucida Grande" , Sans-Serif;
            margin: 5px 0 15px 5px;
            padding-left: 5px;
            font-size: 10px;
            text-align: left;
        }
        .endPedido
        {
            font-weight: bold;
            margin: 10px 0 10px 10px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">
    <div class="progresso">
        <ul class="steps">
            <li id="liCarrinho" class="completed"><span>Minha Cesta</span></li>
            <li id="liIdent" class="completed"><span>Identificação</span></li>
            <li id="liEntrega" class="completed"><span style="">Entrega</span></li>
            <li id="liPagamento" class="progress"><span>Pagamento</span></li>
            <li id="liConfirmacao" class="last"><span>Confirmação</span></li>
        </ul>
    </div>
    <div id="pedido">
        <fieldset>
            <legend id="pedidolegend" class="labelCadastro">Pedido</legend>
            <div id="produtos">
                <table id="tabela_kart" style="padding: 0; margin: 10px">
                    <thead>
                        <tr>
                            <th class="roundLeft" style="width: 300px; font-size: 80%;">
                                Produto
                            </th>
                            <th style="width: 150px; font-size: 80%;">
                                Qtde.
                            </th>
                            <th style="width: 195px; font-size: 80%;">
                                Valor Unitário
                            </th>
                            <th class="roundRight" style="width: 195px; font-size: 80%;">
                                Total
                            </th>
                        </tr>
                    </thead>
                    <tfoot>
                        <tr>
                            <td colspan="2">
                            </td>
                            <td>
                                <strong>Valor Total</strong>
                            </td>
                            <td>
                                <strong>
                                    <asp:Label ID="lblTotPed" runat="server" Text="0"></asp:Label></strong>
                            </td>
                        </tr>
                    </tfoot>
                    <tbody>
                        <asp:Repeater ID="rptCarrinho" runat="server" 
                            onitemdatabound="rptCarrinho_ItemDataBound">
                            <ItemTemplate>
                                <tr>
                                    <td>
                                        <asp:HiddenField ID="hdProduto" runat="server" />
                                        <asp:HiddenField ID="hdPeso" runat="server" />
                                        <br />
                                        <asp:Label ID="lblDescicao" runat="server" Text="Label"></asp:Label>
                                        <br />
                                        <strong>
                                            <asp:Label ID="lblPeso" runat="server" Text="Label"></asp:Label></strong>
                                    </td>
                                    <td>
                                        <asp:Label ID="lblQtde" runat="server" MaxLength="3" Text="" CssClass="QtdField"></asp:Label>
                                    </td>
                                    <td>
                                        <asp:Label ID="lblValUni" runat="server" Text=""></asp:Label>
                                    </td>
                                    <td>
                                        <asp:Label ID="lblValTot" runat="server" Text=""></asp:Label>
                                    </td>
                                </tr>
                            </ItemTemplate>
                        </asp:Repeater>
                    </tbody>
                </table>
            </div>
        </fieldset>
        <br /><br />
        <fieldset>
            <legend class="labelCadastro">Endereço de entrega</legend>
            <ul class="endereco" style="margin-left: -25px;">
                <li id="rua">
                    <asp:Label ID="lblRua" runat="server" Text="Label"></asp:Label></li>
                <li id="complemento">
                    <asp:Label ID="lblComp" runat="server" Text="Label"></asp:Label></li>
                <li id="bairro">
                    <asp:Label ID="lblBairro" runat="server" Text="Label"></asp:Label></li>
                <li id="cep">
                    <asp:Label ID="lblCEP" runat="server" Text="Label"></asp:Label></li>
                <li id="cidade">
                    <asp:Label ID="lblCidade" runat="server" Text="Label"></asp:Label></li>
                <li id="estado">
                    <asp:Label ID="lblEstado" runat="server" Text="Label"></asp:Label></li>
            </ul>
        </fieldset>
        <table class="tabela_rounded">
            <thead>
                <tr>
                    <th class="roundLeft">
                    </th>
                    <th>
                        Entrega
                    </th>
                    <th class="roundRight">
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td colspan="3">
                        <ul class="entrega">
                            <li class="retirada" style="width: 200px">
                                <asp:RadioButton ID="rdbRetiraLocal" runat="server" GroupName="entrega" Checked="true"
                                    Text="" />
                                <div class="dlCont">
                                    <label for="ContentPlaceHolder1_rdbRetiraLocal">
                                        <img src="<%= Page.ResolveUrl("../imagens/")%>Candy-House-icon.png" alt="Retirar na fabrica" />
                                        <span class="descEnt">Retirar no local</span><span><p>
                                            Retira a entrega no lugar de fabricação</p>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li style="width: 250px;">
                                <asp:RadioButton ID="rdbEntregar" runat="server" GroupName="entrega" Text="" />
                                <div class="dlCont">
                                    <label for="ContentPlaceHolder1_rdbEntregar">
                                        <span>
                                            <img src="<%= Page.ResolveUrl("../imagens/")%>delivery.png" alt="entregar em domicílio" /></span>
                                        <span class="descEnt">Entrega em residência</span> <span>
                                            <p>
                                                Entrega a encomenda em sua residência ou lugar informado</p>
                                        </span>
                                    </label>
                                </div>
                            </li>
                        </ul>
                    </td>
                </tr>
            </tbody>
        </table>
        <table class="tabela_rounded">
            <thead>
                <tr>
                    <th class="roundLeft">
                    </th>
                    <th>
                        Pagamento
                    </th>
                    <th class="roundRight">
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td colspan="3">
                        <ul class="entrega">
                            <li class="retirada" style="width: 180px">
                                <asp:RadioButton ID="rdbPagSeg" runat="server" GroupName="Pagamento" Checked="true"
                                    Text="" />
                                <div class="dlCont">
                                    <label for="ContentPlaceHolder1_rdbPagSeg">
                                        <img src="<%=Page.ResolveUrl("../imagens/")%>pagseguro.png" alt="Pag Seguro" />
                                        <span class="descEnt">PagSeguro</span><span><p>
                                            Pagamento com <strong>cartão de crédito</strong>
                                        </p>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li style="width: 180px;">
                                <asp:RadioButton ID="rdbBoleto" runat="server" GroupName="Pagamento" Text="" Enabled="false" />
                                <div class="dlCont">
                                    <label for="ContentPlaceHolder1_rdbBoleto">
                                        <span>
                                            <img src="<%=Page.ResolveUrl("../imagens/")%>boleto.png" alt="Boleto" /></span>
                                        <span class="descEnt">Boleto</span> <span>
                                            <p>
                                                Boleto bancário para pagamento</p>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li style="width: 180px;">
                                <asp:RadioButton ID="rdbDinheiro" runat="server" GroupName="Pagamento" Text="" />
                                <div class="dlCont">
                                    <label for="ContentPlaceHolder1_rdbDinheiro">
                                        <span>
                                            <img src="<%= Page.ResolveUrl("../imagens/")%>money.png" alt="Dinheiro na retirada" /></span>
                                        <span class="descEnt">Dinheiro</span> <span>
                                            <p>
                                                Pagamento à vista</p>
                                        </span>
                                    </label>
                                </div>
                            </li>
                            <li style="width: 180px;">
                                <asp:RadioButton ID="rdbCheque" runat="server" GroupName="Pagamento" Text="" />
                                <div class="dlCont">
                                    <label for="ContentPlaceHolder1_rdbCheque">
                                        <span>
                                            <img src="<%= Page.ResolveUrl("../imagens/")%>cheque.png" alt="Cheque" /></span>
                                        <span class="descEnt">Cheque</span><span>
                                            <p>
                                                Pagamento em cheque</p>
                                        </span>
                                    </label>
                                </div>
                            </li>
                        </ul>
                    </td>
                </tr>
                <tr>
                    <td colspan="3">                        
                        <asp:LinkButton ID="btnFinalizar" runat="server" CssClass="endPedido" OnClick="btnFinalizar_Click">Finalizar pedido</asp:LinkButton>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</asp:Content>
